<script setup lang="ts">

</script>

<template>
    <div class="total">
        <el-form ref="ruleFormRef" :model="ruleForm" status-icon :rules="rules" label-width="120px"
            class="demo-ruleForm">
            <el-form-item label="账号" prop="phone">
                <el-input v-model.number="ruleForm.phone" placeholder="手机号码" />
            </el-form-item>
            <el-form-item label="密码" prop="pass">
                <el-input v-model="ruleForm.pass" type="password" autocomplete="off"
                    placeholder="长度建议在6-16位,至少使用两种字符" />
            </el-form-item>
            <el-form-item>
                <el-button type="primary" @click="submitForm(ruleFormRef)">登录</el-button>
            </el-form-item>
        </el-form>
    </div>
</template>

<style lang="scss" scoped>
.total {
    width: 50%;
    height: auto;
    position: absolute;
    top: 0.6rem;
    left: 25%;
}
</style>
